﻿<!doctype html>
<html class="no-js" lang="zxx" xmlns:th="http://www.thymeleaf.org">

<head th:replace="layout::head(${title},${desc})"></head>

<body>
    
<div id="main-wrapper">

    <!--导入公共资源-->
    <template th:replace="layout::header"></template>
    
    <!--Page Banner Section start-->
    <div class="page-banner-section section">
        <div class="container">
            <div class="row">
                <div class="col">
                    <h1 class="page-banner-title">代理商详情</h1>
                    <ul class="page-breadcrumb">
                        <li><a th:href="@{/index.html}">主页</a></li>
                        <li class="active">Agency Details</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--Page Banner Section end-->

    <!--Agency Section start-->
    <div class="agency-section section pt-100 pt-lg-80 pt-md-70 pt-sm-60 pt-xs-50 pb-100 pb-lg-80 pb-md-70 pb-sm-60 pb-xs-50">
        <div class="container">
            
            <div class="row row-25">

                <!--Agency Image-->
                <div class="col-lg-5 col-12 mb-sm-30 mb-xs-30">
                    <div class="agency-image">
                        <img src="assets/images/agencies/agency-1.jpg" alt="">
                    </div>
                </div>

                <!--Agency Content-->
                <div class="col-lg-7 col-12">
                    <div class="agency-content">
                        <h3 class="title">Royao Estates</h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magni, fugit. Quibusdam eveniet voluptate minima, est veritatis ea quod expedita facere harum tempore sapiente maxime recusandae quisquam cupiditate beatae nihil deserunt eum incidunt, porro rerum doloribus cum. Magnam quia voluptates quae?</p>
                        <ul>
                            <li><i class="pe-7s-map"></i>246, 2st AVE, Manchester 126 , Noth England</li>
                            <li><i class="pe-7s-phone"></i><a href="#">(756) 447 5744</a></li>
                            <li><i class="pe-7s-mail-open"></i><a href="#">info@example.com</a></li>
                            <li><i class="pe-7s-global"></i><a href="#">www.example.com</a></li>
                            <li><i class="pe-7s-credit"></i>AB7876A6</li>
                            <li><i class="pe-7s-users"></i>4 Agents</li>
                            <li><i class="pe-7s-photo"></i>6 Properties</li>
                        </ul>
                        <div class="social">
                            <a href="#" class="facebook"><i class="fa fa-facebook"></i></a>
                            <a href="#" class="twitter"><i class="fa fa-twitter"></i></a>
                            <a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>
                            <a href="#" class="google"><i class="fa fa-google-plus"></i></a>
                        </div>
                    </div>
                </div>
                
            </div>
            
        </div>
    </div>
    <!--Agency Section end-->

    <!--Agent Section start-->
    <div class="agent-section section pb-100 pb-lg-80 pb-md-70 pb-sm-60 pb-xs-50">
        <div class="container">
           
            <!--Section Title start-->
            <div class="row">
                <div class="col-md-12 mb-60 mb-xs-30">
                    <div class="section-title center">
                        <h1>Royao Estates Agents</h1>
                    </div>
                </div>
            </div>
            <!--Section Title end-->
            
            <div class="row">
                <div class="agent-carousel section">

                    <!--Agent satrt-->
                    <div class="col" th:each="agent,agentStat:${agentList}">
                        <div class="agent">
                            <div class="image">
                                <a class="img" th:href="@{/agent-details.html}"><img th:src="@{${agent.icon}}" alt=""></a>
                                <div class="social">
                                    <a href="#" class="facebook"><i class="fa fa-facebook"></i></a>
                                    <a href="#" class="twitter"><i class="fa fa-twitter"></i></a>
                                    <a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>
                                    <a href="#" class="google"><i class="fa fa-google-plus"></i></a>
                                </div>
                            </div>
                            <div class="content">
                                <h4 class="title"><a th:href="@{/agent-details.html}" th:text="${agent.title}">唐纳德.菲尔</a></h4>
                                <a href="#" class="phone" th:text="${agent.phone}">(756) 447 5779</a>
                                <a href="#" class="email" th:text="${agent.email}">info@example.com</a>
                                <span class="properties" th:text="${agent.properties + '房'}">5房</span>
                            </div>
                        </div>
                    </div>
                    <!--Agent end-->

<!--                    &lt;!&ndash;Agent satrt&ndash;&gt;-->
<!--                    <div class="col">-->
<!--                        <div class="agent">-->
<!--                            <div class="image">-->
<!--                                <a class="img" href="agent-details.html"><img src="assets/images/agent/agent-2.jpg" alt=""></a>-->
<!--                                <div class="social">-->
<!--                                    <a href="#" class="facebook"><i class="fa fa-facebook"></i></a>-->
<!--                                    <a href="#" class="twitter"><i class="fa fa-twitter"></i></a>-->
<!--                                    <a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>-->
<!--                                    <a href="#" class="google"><i class="fa fa-google-plus"></i></a>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <div class="content">-->
<!--                                <h4 class="title"><a href="agent-details.html">朱.汉密尔顿</a></h4>-->
<!--                                <a href="#" class="phone">(756) 447 5779</a>-->
<!--                                <a href="#" class="email">info@example.com</a>-->
<!--                                <span class="properties">2房</span>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    &lt;!&ndash;Agent end&ndash;&gt;-->

<!--                    &lt;!&ndash;Agent satrt&ndash;&gt;-->
<!--                    <div class="col">-->
<!--                        <div class="agent">-->
<!--                            <div class="image">-->
<!--                                <a class="img" href="agent-details.html"><img src="assets/images/agent/agent-3.jpg" alt=""></a>-->
<!--                                <div class="social">-->
<!--                                    <a href="#" class="facebook"><i class="fa fa-facebook"></i></a>-->
<!--                                    <a href="#" class="twitter"><i class="fa fa-twitter"></i></a>-->
<!--                                    <a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>-->
<!--                                    <a href="#" class="google"><i class="fa fa-google-plus"></i></a>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <div class="content">-->
<!--                                <h4 class="title"><a href="agent-details.html">克莉期丁.吉尔波特</a></h4>-->
<!--                                <a href="#" class="phone">(756) 447 5779</a>-->
<!--                                <a href="#" class="email">info@example.com</a>-->
<!--                                <span class="properties">4房</span>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    &lt;!&ndash;Agent end&ndash;&gt;-->

<!--                    &lt;!&ndash;Agent satrt&ndash;&gt;-->
<!--                    <div class="col">-->
<!--                        <div class="agent">-->
<!--                            <div class="image">-->
<!--                                <a class="img" href="agent-details.html"><img src="assets/images/agent/agent-4.jpg" alt=""></a>-->
<!--                                <div class="social">-->
<!--                                    <a href="#" class="facebook"><i class="fa fa-facebook"></i></a>-->
<!--                                    <a href="#" class="twitter"><i class="fa fa-twitter"></i></a>-->
<!--                                    <a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>-->
<!--                                    <a href="#" class="google"><i class="fa fa-google-plus"></i></a>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <div class="content">-->
<!--                                <h4 class="title"><a href="agent-details.html">杰森.帕特</a></h4>-->
<!--                                <a href="#" class="phone">(756) 447 5779</a>-->
<!--                                <a href="#" class="email">info@example.com</a>-->
<!--                                <span class="properties">2房</span>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    &lt;!&ndash;Agent end&ndash;&gt;-->

                </div>
            </div>
        </div>
    </div>
    <!--Agent Section end-->

    <!--Feature property section start-->
    <div class="property-section section pb-100 pb-lg-80 pb-md-70 pb-sm-60 pb-xs-50">
        <div class="container">
            
            <!--Section Title start-->
            <div class="row">
                <div class="col-md-12 mb-60 mb-xs-30">
                    <div class="section-title center">
                        <h1>Royao Estates Properties</h1>
                    </div>
                </div>
            </div>
            <!--Section Title end-->
            
            <div class="row">
               
                <!--Property Slider start-->
                <div class="property-carousel section">

                    <!--Property start-->
                    <div class="property-item col" th:each="house,houseStat : ${houseList}">
                        <div class="property-inner">
                            <div class="image">
                                <a th:href="@{/single-properties.html}"><img th:src="@{${house.icon}}"  alt=""></a>
                                <ul class="property-feature">
                                    <li>
                                        <span class="area"><img src="assets/images/icons/area.png" alt="" th:text="${house.area + ' 平米'}"></span>
                                    </li>
                                    <li>
                                        <span class="bed"><img src="assets/images/icons/bed.png" alt="" th:text="${house.bed}">6</span>
                                    </li>
                                    <li>
                                        <span class="bath"><img src="assets/images/icons/bath.png" alt="" th:text="${house.bath}">4</span>
                                    </li>
                                    <li>
                                        <span class="parking"><img src="assets/images/icons/parking.png" alt="" th:text="${house.parking}">3</span>
                                    </li>
                                </ul>
                            </div>
                            <div class="content">
                                <div class="left">
                                    <h3 class="title"><a th:href="@{/single-properties.html}" th:text="${house.title}">江南宅院</a></h3>
                                    <span class="location"><img src="assets/images/icons/marker.png" alt="" th:text="${house.location}">锦江区东大街下东大街568号</span>
                                </div>
                                <div class="right">
                                    <div class="type-wrap">
                                        <span class="price" th:text="${'￥'+house.price}">￥550</span>
                                        <span class="type" th:text="${house.type}">出租</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Property end-->

<!--                    &lt;!&ndash;Property start&ndash;&gt;-->
<!--                    <div class="property-item col">-->
<!--                        <div class="property-inner">-->
<!--                            <div class="image">-->
<!--                                <span class="label">特色</span>-->
<!--                                <a href="single-properties.html"><img src="assets/images/property/property-2.jpg" alt=""></a>-->
<!--                                <ul class="property-feature">-->
<!--                                    <li>-->
<!--                                        <span class="area"><img src="assets/images/icons/area.png" alt="">550 平米</span>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <span class="bed"><img src="assets/images/icons/bed.png" alt="">6</span>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <span class="bath"><img src="assets/images/icons/bath.png" alt="">4</span>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <span class="parking"><img src="assets/images/icons/parking.png" alt="">3</span>-->
<!--                                    </li>-->
<!--                                </ul>-->
<!--                            </div>-->
<!--                            <div class="content">-->
<!--                                <div class="left">-->
<!--                                    <h3 class="title"><a href="single-properties.html">木马山别墅</a></h3>-->
<!--                                    <span class="location"><img src="assets/images/icons/marker.png" alt="">城北大道450附22号</span>-->
<!--                                </div>-->
<!--                                <div class="right">-->
<!--                                    <div class="type-wrap">-->
<!--                                        <span class="price">￥2550</span>-->
<!--                                        <span class="type">出售</span>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    &lt;!&ndash;Property end&ndash;&gt;-->

<!--                    &lt;!&ndash;Property start&ndash;&gt;-->
<!--                    <div class="property-item col">-->
<!--                        <div class="property-inner">-->
<!--                            <div class="image">-->
<!--                                <span class="label">热门</span>-->
<!--                                <a href="single-properties.html"><img src="assets/images/property/property-3.jpg" alt=""></a>-->
<!--                                <ul class="property-feature">-->
<!--                                    <li>-->
<!--                                        <span class="area"><img src="assets/images/icons/area.png" alt="">550 平米</span>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <span class="bed"><img src="assets/images/icons/bed.png" alt="">6</span>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <span class="bath"><img src="assets/images/icons/bath.png" alt="">4</span>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <span class="parking"><img src="assets/images/icons/parking.png" alt="">3</span>-->
<!--                                    </li>-->
<!--                                </ul>-->
<!--                            </div>-->
<!--                            <div class="content">-->
<!--                                <div class="left">-->
<!--                                    <h3 class="title"><a href="single-properties.html">皇家一号公寓</a></h3>-->
<!--                                    <span class="location"><img src="assets/images/icons/marker.png" alt="">锦江区福字街215号</span>-->
<!--                                </div>-->
<!--                                <div class="right">-->
<!--                                    <div class="type-wrap">-->
<!--                                        <span class="price">￥550<span>月</span></span>-->
<!--                                        <span class="type">出租</span>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    &lt;!&ndash;Property end&ndash;&gt;-->

<!--                    &lt;!&ndash;Property start&ndash;&gt;-->
<!--                    <div class="property-item col">-->
<!--                        <div class="property-inner">-->
<!--                            <div class="image">-->
<!--                                <a href="single-properties.html"><img src="assets/images/property/property-4.jpg" alt=""></a>-->
<!--                                <ul class="property-feature">-->
<!--                                    <li>-->
<!--                                        <span class="area"><img src="assets/images/icons/area.png" alt="">550 平米</span>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <span class="bed"><img src="assets/images/icons/bed.png" alt="">6</span>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <span class="bath"><img src="assets/images/icons/bath.png" alt="">4</span>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <span class="parking"><img src="assets/images/icons/parking.png" alt="">3</span>-->
<!--                                    </li>-->
<!--                                </ul>-->
<!--                            </div>-->
<!--                            <div class="content">-->
<!--                                <div class="left">-->
<!--                                    <h3 class="title"><a href="single-properties.html">龙城一号别墅</a></h3>-->
<!--                                    <span class="location"><img src="assets/images/icons/marker.png" alt="">龙泉驿区南山大道333号附12号</span>-->
<!--                                </div>-->
<!--                                <div class="right">-->
<!--                                    <div class="type-wrap">-->
<!--                                        <span class="price">￥550<span>月</span></span>-->
<!--                                        <span class="type">出租</span>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    &lt;!&ndash;Property end&ndash;&gt;-->

<!--                    &lt;!&ndash;Property start&ndash;&gt;-->
<!--                    <div class="property-item col">-->
<!--                        <div class="property-inner">-->
<!--                            <div class="image">-->
<!--                                <a href="single-properties.html"><img src="assets/images/property/property-5.jpg" alt=""></a>-->
<!--                                <ul class="property-feature">-->
<!--                                    <li>-->
<!--                                        <span class="area"><img src="assets/images/icons/area.png" alt="">550 平米</span>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <span class="bed"><img src="assets/images/icons/bed.png" alt="">6</span>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <span class="bath"><img src="assets/images/icons/bath.png" alt="">4</span>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <span class="parking"><img src="assets/images/icons/parking.png" alt="">3</span>-->
<!--                                    </li>-->
<!--                                </ul>-->
<!--                            </div>-->
<!--                            <div class="content">-->
<!--                                <div class="left">-->
<!--                                    <h3 class="title"><a href="single-properties.html">春天花园别墅</a></h3>-->
<!--                                    <span class="location"><img src="assets/images/icons/marker.png" alt="">金牛区琴台西路668号</span>-->
<!--                                </div>-->
<!--                                <div class="right">-->
<!--                                    <div class="type-wrap">-->
<!--                                        <span class="price">￥2550</span>-->
<!--                                        <span class="type">出售</span>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    &lt;!&ndash;Property end&ndash;&gt;-->

<!--                    &lt;!&ndash;Property start&ndash;&gt;-->
<!--                    <div class="property-item col">-->
<!--                        <div class="property-inner">-->
<!--                            <div class="image">-->
<!--                                <span class="label">特色</span>-->
<!--                                <a href="single-properties.html"><img src="assets/images/property/property-6.jpg" alt=""></a>-->
<!--                                <ul class="property-feature">-->
<!--                                    <li>-->
<!--                                        <span class="area"><img src="assets/images/icons/area.png" alt="">550 平米</span>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <span class="bed"><img src="assets/images/icons/bed.png" alt="">6</span>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <span class="bath"><img src="assets/images/icons/bath.png" alt="">4</span>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <span class="parking"><img src="assets/images/icons/parking.png" alt="">3</span>-->
<!--                                    </li>-->
<!--                                </ul>-->
<!--                            </div>-->
<!--                            <div class="content">-->
<!--                                <div class="left">-->
<!--                                    <h3 class="title"><a href="single-properties.html">万科西山别墅</a></h3>-->
<!--                                    <span class="location"><img src="assets/images/icons/marker.png" alt="">高新区蜀都大道12号</span>-->
<!--                                </div>-->
<!--                                <div class="right">-->
<!--                                    <div class="type-wrap">-->
<!--                                        <span class="price">￥550<span>月</span></span>-->
<!--                                        <span class="type">出租</span>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    &lt;!&ndash;Property end&ndash;&gt;-->

                </div>
                <!--Property Slider end-->
                
            </div>
            
        </div>
    </div>
    <!--Feature property section end-->

    <!--导入公共资源-->
    <template th:replace="layout::footer"></template>
</div>

<!-- Placed js at the end of the document so the pages load faster -->

<!-- All jquery file included here -->
<script src="http://ditu.google.cn/maps/api/js?sensor=false&libraries=geometry&v=3.22&key=AIzaSyDAq7MrCR1A2qIShmjbtLHSKjcEIEBEEwM"></script>
<script src="assets/js/vendor/jquery-1.12.4.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/plugins.js"></script>
<script src="assets/js/map-place.js"></script>
<script src="assets/js/main.js"></script>

</body>

</html>
